/* route.css's .sc__body has padding-bottom:15px; this pushes the CTA
button (the last flex child, with .sc__city:flex:1 absorbing the difference above it) up ~25px more without changing the card's
overall fixed height. */
.rt-route .sc__body {
	padding-bottom: 40px;
}

/* Highlights whichever slide the relics are at (or nearest to) today. */
.stop_card.rt-current-stop {
	box-shadow: 0 8px 20px rgba(0,0,0,.18);
	transform: translateY(-4px);
	transition: transform .2s ease;
}
/* route.css's .rt-swiper has overflow:hidden -- needed so off-screen
slides stay clipped horizontally. Splitting that into overflow-x/y
(x hidden, y visible) was tried first, but per spec that pairing
actually computes overflow-y to auto instead of true visible (browsers
don't support one axis truly hidden and the other truly visible) -- confirmed live that it made .rt-swiper a real scroll container, and
hiding just the scrollbar still left the badge clipped, since the
*viewport* height (not just the scrollbar) was still exactly the
card's own height. Real fix: give .rt-swiper a bit of extra height via
padding, big enough for the badge's overhang to fit inside its normal
(single, non-split) overflow:hidden box, so nothing needs clipping in
the first place. This does shift the prev/next nav arrows'
vertical-center a few px lower (they center on .rt-swiper's now-taller
box), which reads as negligible at this scale. */
.rt-swiper {
	padding-bottom: 20px;
}
/* Badge lives on .swiper-slide (not .stop_card, which also clips via
overflow:hidden) so it can peek below the card's bottom edge. */
.rt-route .swiper-slide {
	position: relative;
}
/* Same blue/white as the numbered stop badge (.sc__stop in route.css) --
a little playful sticker: fits its own text, tilted, hanging slightly
off the bottom edge of the card. */
.rt-current-badge {
	position: absolute;
	left: 50%; bottom: -10px;
	z-index: 4;
	transform: translateX(-50%) rotate(-4deg);
	background: var(--color_p, #1d333c);
	color: var(--white, #fff);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .5px;
	text-transform: uppercase;
	white-space: nowrap;
	padding: 6px 14px;
	border-radius: 4px;
	box-shadow: 0 3px 8px rgba(0,0,0,.25);
}